.navs {
  min-height: 100vh;
  width: 100vw;
  position: absolute;
  background-image: url(../assets/bg.png);
  background-size: cover;
  background-position: center;
}

.outbox {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.control {
  color: var(--color-white);
  text-align: right;
  padding: 12px;
  padding-right: 24px;
  line-height: 1em;
  height: 1em;
  box-sizing: content-box;
}

.shadow {
  position: absolute;
  height: 0;
  bottom: 0;
  width: 100vw;
  z-index: 999;
  background: linear-gradient(#00000000, #ff3141aa);
  animation: shadow-show .2s both;
}

@keyframes shadow-show {
  from {
    height: 0;
  }

  to {
    height: 80px;
  }
}